Vue 项目的真机联调

Author Avatar
Klein 7月 29, 2018
  1. 查看内网IP地址
    在命令行中输入命令:

    1
    2
    3
    4
    # Windows:
    ipconfig/all
    # Mac:
    ifconfig
  2. 修改 webpack 内置的 devServer
    方法一:
    修改 package.json 中的命令

    1
    2
    3
    4
    // 修改前的:
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"
    // 修改后的:
    "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js"

方法二:
修改 config 目录下的 index.js 文件

1
host: '0.0.0.0'

  1. 真机调试
    打开浏览器或手机
    输入以下地址并访问:
    http://localhost:8080中的localhost改为内网IP地址:http://YourIntranetIPAddress:8080